<nav class="navbar navbar-blue navbar-fixed-top social-navbar">
    <div class="navbar-inner">
      <div class="container-fluid">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".social-sidebar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="brand" href = '<?php echo site_url('khao-sat-truc-tuyen');?>'><img src="<?php echo base_url();?>media/logo-top.png" alt="Khảo sát việt - khảo sát trực tuyến"></a>
        <ul class = "nav">
          <li>
            <a href="<?php echo site_url('khao-sat-truc-tuyen');?>">
              Các khảo sát &amp; Biểu mẫu
            </a>
          </li>
          <li>
            <a href="<?php echo site_url('quan-ly-danh-ba');?>">
              Quản lý danh bạ
            </a>
          </li>
          <li>
            <a href="<?php echo site_url('thu-vien-anh-va-file');?>">
              Thư viện ảnh &amp; file
            </a>
          </li>
        </ul>
        <ul class="nav pull-right nav-indicators">
          <li class="dropdown nav-notifications">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <span class="badge">9</span><i class="icon-warning-sign"></i>
            </a>
            <ul class="dropdown-menu">
              <li class="nav-notifications-header">
                <a tabindex="-1" href="#">You have <strong>9</strong> new notifications</a>
              </li>
              <li class="nav-notification-body text-info">
                <a href="#">
                  <i class="icon-user"></i> New User
                  <small class="pull-right">Just Now</small>
                </a>
              </li>
              <li class="nav-notification-body text-error">
                <a href="#">
                  <i class="icon-user"></i> User Deleted
                  <small class="pull-right">Just Now</small>
                </a>
              </li>
              <li class="nav-notification-body text-warning">
                <a href="#">
                  <i class="icon-cogs"></i> Sever is overloaded
                  <small class="pull-right">2 minutes ago</small>
                </a>
              </li>
              <li class="nav-notification-body">
                <a href="#">
                  <i class="icon-briefcase"></i> Backup is completed
                  <small class="pull-right">4 minutes ago</small>
                </a>
              </li>
              <li class="nav-notification-body text-info">
                <a href="#">
                  <i class="icon-user"></i> New User
                  <small class="pull-right">Just Now</small>
                </a>
              </li>
              <li class="nav-notification-body text-error">
                <a href="#">
                  <i class="icon-user"></i> User Deleted
                  <small class="pull-right">Just Now</small>
                </a>
              </li>
              <li class="nav-notification-body text-warning">
                <a href="#">
                  <i class="icon-cogs"></i> Sever is overloaded
                  <small class="pull-right">3 minutes ago</small>
                </a>
              </li>
              <li class="nav-notification-body">
                <a href="#">
                  <i class="icon-briefcase"></i> Backup is completed
                  <small class="pull-right">6 minutes ago</small>
                </a>
              </li>
              <li class="nav-notifications-footer">
                <a tabindex="-1" href="#">View all messages</a>
              </li>
            </ul>
          </li>
          <li class="dropdown nav-tasks">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <span class="badge">13</span>
              <i class="icon-tasks"></i>
            </a>
            <ul class="dropdown-menu">
              <li class="nav-taks-header">
                <a tabindex="-1" href="#">You have <strong>13</strong> tasks in progress</a>
              </li>
              <li>
                <a>
                  <strong>Windows PC</strong><span class="pull-right">30%</span>
                  <div class="progress progress-danger active">
                    <div class="bar" style="width: 30%;"></div>
                  </div>
                </a>
              </li>
              <li>
                <a>
                  <strong>Mac</strong><span class="pull-right">40%</span>
                  <div class="progress progress-info active">
                    <div class="bar" style="width: 40%;"></div>
                  </div>
                </a>
              </li>
              <li>
                <a>
                  <strong>iPad/iPhone</strong><span class="pull-right">80%</span>
                  <div class="progress progress-striped active">
                    <div class="bar" style="width: 80%;"></div>
                  </div>
                </a>
              </li>
              <li>
                <a>
                  <strong>Android</strong><span class="pull-right">5%</span>
                  <div class="progress progress-success active">
                    <div class="bar" style="width: 5%;"></div>
                  </div>
                </a>
              </li>
              <li>
                <a>
                  <strong>Others</strong><span class="pull-right">15%</span>
                  <div class="progress progress-warning active">
                    <div class="bar" style="width: 15%;"></div>
                  </div>
                </a>
              </li>
              <li class="nav-taks-footer">
                <a tabindex="-1" href="#">View all tasks</a>
              </li>
            </ul>
          </li>
          <li class="dropdown nav-messages">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <span class="badge">8</span>
              <i class="icon-envelope-alt"></i>
            </a>
            <ul class="dropdown-menu">
              <li class="nav-messages-header">
                <a tabindex="-1" href="#">You have <strong>8</strong> new messages</a>
              </li>
              <li class="nav-message-body">
                <a>
                  <img src="../assets/img/avatars/user-55x55.png" alt="User">
                  <div>
                    <small class="pull-right">Just Now</small>
                    <strong>Julio Marquez</strong>
                  </div>
                  <div>
                    Lorem ipsum dolor sit amet, consectetur...
                  </div>
                </a>
              </li>
              <li class="nav-message-body">
                <a>
                  <img src="../assets/img/avatars/user-55x55.png" alt="User">
                  <div>
                    <small class="pull-right">Just Now</small>
                    <strong>Julio Marquez</strong>
                  </div>
                  <div>
                    Lorem ipsum dolor sit amet, consectetur...
                  </div>
                </a>
              </li>
              <li class="nav-message-body">
                <a>
                  <img src="../assets/img/avatars/user-55x55.png" alt="User">
                  <div>
                    <small class="pull-right">Just Now</small>
                    <strong>Julio Marquez</strong>
                  </div>
                  <div>
                    Lorem ipsum dolor sit amet, consectetur...
                  </div>
                </a>
              </li>
              <li class="nav-message-body">
                <a>
                  <img src="../assets/img/avatars/user-55x55.png" alt="User">
                  <div>
                    <small class="pull-right">Just Now</small>
                    <strong>Julio Marquez</strong>
                  </div>
                  <div>
                    Lorem ipsum dolor sit amet, consectetur...
                  </div>
                </a>
              </li>
              <li class="nav-messages-footer">
                <a tabindex="-1" href="#">View all messages</a>
              </li>
            </ul>
          </li>
          <li class="divider-vertical"></li>
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img class="avatar" width="25" height="25" src="<?php echo base_url();?>skin/member/img/avatar-30.png" alt="<?php echo $this->session->userdata('username');?>">
              <span data-toggle="dropdown"><small><?php echo $this->session->userdata('username');?></small></span>
              <i class="icon-caret-down"></i>
            </a>
            <ul class="dropdown-menu">
              <li><a href="#"><i class="icon-user"></i> Tài khoản</a></li>
              <li><a href="#"><i class="icon-cogs"></i> Thiết Lập</a></li>
              <li><a href="<?php echo site_url('public/auth/logout');?>"><i class="icon-off"></i> Thoát</a></li>
              <li class="divider"></li>
              <li><a href="#"><i class="icon-info-sign"></i> Trợ giúp</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
     <ul class="breadcrumb">
        <li>
          Thiết lập
        </li>
         <li>
          Câu hỏi
        </li>
         <li>
          Xem trước
        </li>
         <li>
          Chia sẻ
        </li>
         <li>
          Báo cáo
        </li>
      </ul>
  </nav> 
</header>
<div id="main">
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">